嗨大家，我是陳阿鬼！

平時我就是個軟體工程師，私底下則是一個喜愛 Tutting舞蹈 的上班族舞者。

大概是晚上11點吧，我躺在床上準備要睡了，但腦袋根本停不下來。一直閃過晚餐後練舞的畫面，手腕折成 90 度、手臂拼成各種方塊跟線條什麼的。有看過 Tutting 的朋友們應該都懂，這舞蹈很講究對稱跟極致的角度。

想著想著腦袋突然蹦出一個想法：「能不能用AI Vibe Coding，順著感覺、用最輕鬆的方式，直接做出一套專門給 Tutting 舞者用的 3D 姿勢模擬器呢？」

Vibe Coding？

使用 Vibe Coding 不用先畫死板的架構圖，也不用被一堆複雜的框架綁死，就是靠著直覺跟靈感，把 AI 當成戰友，一路跟它聊天、丟想法，把腦子裡的畫面變出來。

既然要「Vibe」，我就決定玩點有趣的：

• 完全不搞打包工具（No Build Tools）：不用 Vite，也不架什麼複雜的環境，直接用瀏覽器原生的 ES Module 寫到底。
• 純粹的原生 JS + Three.js：沒有任何前端框架包袱，基本上開個本機 Server 就可以直接寫起來了。
• 直接解決舞者痛點的功能：四肢 FK/IK 計算、身體相對格線、關節角度自動吸附、還有節拍器運作……

說真的，一開始我也以為「應該滿順的吧」，結果實作下來遇到了許多有趣的問題 XD，就讓我跟 AI 對話到半夜。但這不就是 Vibe Coding 最有趣的地方嗎？一邊撞牆、一邊重構，然後看著想法一點一滴變成真的。

這套模擬器是寫給誰的？

這套工具與這系列文章，我的目標受眾非常明確，就是這兩類人：

• 如果你是「舞者」： 不需要 Blender 或 Maya 那種學習曲線極高、功能繁複的專業軟體。畫面不用很炫，但能夠協助舞者輕鬆模擬與設計 Tutting 舞蹈！
• 如果你是「Vibe Coder」： 這是一場實驗！我想示範：不靠複雜的框架與打包流程，單靠直覺與 AI 協同，也能用最乾淨的原生 JS 刻出一個包含 3400 行程式碼的 3D 實用工具。

而這系列文章最大的願景，其實是一個邀請： 我希望大家看完這 30 天的過程後，能夠照著這個思路與架構，直接拿去複製、修改，甚至動手開發出一套專屬於你自己舞種（無論是 Popping, Breaking 還是 Locking）的舞蹈工具！

技術不該是高不可攀的門檻，而是我們表達舞蹈想法與創意的武器。

接下來 30 天，我們會聊些什麼？

這系列真的不是要來上硬梆梆的軟體開發教科書，比較像是看我怎麼跟 AI 一起把這套系統「Vibe」出來的實戰記錄。接下來的 30 天，我會把這些好玩的精華拆給你聽：

1. 怎麼讓腳踩在地上時，蹲下去膝蓋會自己彎？手腕動的時候手臂怎麼跟著轉？
2. 角度自動吸附的爽快感、舞蹈與數學的碰撞，還有舞者最愛的音樂功能！
3. 完全不靠 Vite，要怎麼把上千行程式碼、數十個檔案優雅請 AI 整裡？
4. 實作中遇到的無數坑洞與BUG!
5. 還有很多數不清的有趣經歷！

今晚就先聊到這，明天見啦！

這是我第一次嘗試把「舞蹈」跟「3D 開發」結合起來寫成系列文。不管你是對 3D 開發有興趣、對Vibe Coding有研究，還是單純想看看一個上班族舞者能把網頁玩成什麼樣，都超級歡迎你追蹤起來！

如果你對這個主題有任何想法，隨時在下面留言跟我聊聊～

我們明天見囉！